// out: false

.cigars_detailbox .icon_new {
  position: absolute;
  right: 20px;
  top: 0px;
  background: url("../images/cigars/icon-new.jpg") no-repeat;
  width: 40px;
  height: 60px;
  background-size: 40px auto;
}

.cigars_mainbox {
  .page_wrapper {
    text-align: center;

    h1 {
      font-size: 32px;
      font-weight: @font-weight-bold;
      margin-bottom: 0.8em;
      letter-spacing: 0.3em;
    }

    .txtline {
      width: 70%;
      margin: 0px auto 30px auto;
      font-size: 16px;
      line-height: 1.6em;
      font-weight: @font-weight-normal;
    }
  }

  .trade-box-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
  }

  .trade-box-item img {
    width: 100%;
  }

  a .itemtxtbox {
    color: #fff;
  }

  .itemtxtbox {
    position: absolute;
    left: 0;
    padding: 20px;
    bottom: 0px;
    font-size: 14px;
    transition: all 0.2s ease;
    transform: translate(0, 100%);
    text-align: justify;

    .item-title {
      font-size: 24px;
      line-height: 30px;
      font-weight: @font-weight-bold;
      margin-bottom: 10px;
      transition: all 0.2s ease;
    }

    .item-text {
      transition: all 0.2s ease;
      font-weight: @font-weight-normal;
    }
  }

  .itembox {
    display: block;
    width: 100%;
    height: 100%;
  }

  .trade-box-item {
    .overlay,
    .item_mask {
      opacity: 0;
      background: rgba(199, 151, 102, 0.3);
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      transition: all 0.2s ease;
    }

    &:hover {
      .overlay,
      .item_mask {
        opacity: 1;
      }

      .itemtxtbox {
        transform: translate(0, 0);
      }
    }
  }

  section {
    padding: 50px 0;
  }

  .section_black {
    background: #000;
    color: #fff;
  }

  .section_yellow {
    background: #c59949;
    color: #fff;
  }
}

.cigars {
  .bread {
    margin-left: 0px;
  }
}

// 黑茄标系列雪茄, 3列布局
.cigar-mao-xian-fa-xian {
  .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;

    div[class^="col-"] {
      flex: 1;
      aspect-ratio: 0.63658537;
    }
  }

  .page_wrapper h1 {
    letter-spacing: 0.2em;
  }

  .trade-box-item {
    max-height: unset !important;

    .item-thumb-wrapper {
      aspect-ratio: 0.63658537;

      img {
        aspect-ratio: 0.63658537;
      }
    }
  }
}

// 精选系列, 马杜罗,  单列布局
.cigar-selections,
.cigar-maduro {
  .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;

    div[class^="col-"] {
      flex: 1;
      max-width: unset;
    }
  }

  .trade-box-item {
    max-height: unset;

    .item-thumb-wrapper {
      aspect-ratio: 2.74939173;

      img {
        aspect-ratio: 2.74939173;
      }
    }
  }
}
